<template>
        <div class="use-page">
        <DemBlendPage />
        <ExamNav />
        <ExamHeader />
        <img class="FusionCalibration" v-if="!ExamComponent.Default.openPop.value" src="/public/static/Exam/融合标定/ic_ronghebiaoding_normal.png" @click="openPop">
        <img class="FusionCalibration" v-else src="/public/static/Exam/融合标定/ic_ronghebiaoding_select.png">
        <p class="text">传感器融合标定</p>
    </div>
</template>

<script setup  lang="ts">
import ExamHeader from './ExamHeader.vue';
import ExamNav from './ExamNav.vue';
import DemBlendPage from "./DemBlendPage.vue";
import ExamComponent, { FusionCalibrationComponent } from './ExamComponent';
import { onMounted, onUnmounted } from 'vue';
function openPop() {
    ExamComponent.Default.openPop.value = true
}
onMounted(() => FusionCalibrationComponent.Default.Awake());
onUnmounted(() => FusionCalibrationComponent.Default.Destroy());
</script>

<style scoped>
.FusionCalibration {
    width: 7.4rem;
    height: 7.4rem;
    position: absolute;
    right: 5.9rem;
    bottom: 5rem;
}
.text {
   color: #81859c;
   position: absolute;
   bottom: 2rem;
   right: 3.5rem;
   font-size: 1.6rem;
}
</style>